<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <!-- banner轮播图 -->
        <HomeBanner/>
        <!-- 面板组件 -->
        <HomeNew />
        <!-- <HomePanel title="热门毫无" sub-title="品质优良"/> -->
        <home-panel>
        <template #right>
            <XtxMore path="/login"/>
        </template>
        <div>
            <HomeHot/>
        </div>
        </home-panel>
        <!-- 商品模块 -->
        <HomeProduct/>
      </div>
    </div>
  </div>
</template>
<script>
import HomeCategory from './home-categroy'
import HomeBanner from './home-banner'
import HomePanel from './component/home-panel'
import HomeNew from './component/home-new'
import HomeHot from './component/home-hot'
import HomeProduct from './component/home-product'
export default {
  name: 'PageHome',
  components: { HomeCategory, HomeBanner, HomePanel, HomeNew, HomeHot, HomeProduct }
}
</script>
